@vw: 19.2vw;

body {
    width: 100%;
    height: (1080/@vw);
    background-image: url(https://overwatch.nosdn.127.net/1/assets/img/layout/blog/bg-news.jpg);
}

.banxin {
    margin-top: (110/@vw);
    width: 100%;
    min-height: (500/@vw);

    // background-color: blueviolet;
    .bigbox {
        display: flex;
        margin: auto;
        width: (1280/@vw);
        min-height: (300/@vw);

        // background-color: blue;
        .leftbox {
            padding-left: (20/@vw);
            padding-right: (20/@vw);
            width: (896/@vw);
            min-height: (200/@vw);

            // .dibu {
            //     height:(80/@vw);
            //     border-top: 1px solid rgba(255,255,255,.1);
            //     border-bottom:1px solid rgba(255,255,255,.1);
            //    margin-left: (50/@vw);
            //    margin-top: (50/@vw);
            //    margin-bottom: (50/@vw);
            // }
            // background-color: brown;
            .span1 {
                color: gray;
                display: block;
                padding: (20/@vw);
            }

            // .kongbai {
            //     height: (20/@vw);
            // }
            .dakuang {
                margin: (18/@vw);
                width: (900/@vw);
                // min-height: (85/@vw);
                border: 1px solid rgba(255, 255, 255, .1);

                .top {
                    position: relative;
                    display: flex;
                    height: (40/@vw);
                    width: auto;
                    margin-left: (30/@vw);
                    // background-color: blue;
                    // 按钮


                    button {
                        background-color: transparent;
                        border-style: none;
                        // margin-left: (290/@vw);
                        position: absolute;
                        right: (40/@vw);
                        top: (10/@vw);
                        color: #34538b;
                        font-size: (17/@vw);
                    }
                }

                // 底部
                .bottom2 {

                    display: none;
                    min-height: (45/@vw);
                    margin-left: (40/@vw);


                }

                .bottom3 {

                    display: none;
                    min-height: (45/@vw);
                    margin-left: (40/@vw);


                }

                .bottom {

                    display: none;
                    min-height: (45/@vw);
                    margin-left: (40/@vw);

                    // background-color: brown;
                    img {
                        width: 100%;
                        height: 100%;
                    }

                    .p2 {
                        color: #fff;
                        font-size: (15/@vw);
                        // line-height: (45/@vw);
                        line-height: 1;
                    }
                }
            }

            .p1 {
                margin-top: (20/@vw);
                // padding-bottom: (20/@vw);
            }

            p {
                display: block;
                height: (60/@vw);
                color: #fff;
                font-size: (15/@vw);
                // padding-top: (15/@vw);
                // padding-bottom: (10/@vw);
            }

            .p1 {
                display: block;
                height: (90/@vw);
                color: #fff;
                font-size: (15/@vw);

            }

            h2 {
                font-style: italic;
                color: #fff;
                font-size: (30/@vw);
                margin-bottom: (15/@vw);
            }

            h3 {
                line-height: (40/@vw);
                color: #fff;
                font-size: (19/@vw);
                font-style: unset;
            }

            h4 {
                color: #fff;
                font-size: (19/@vw);
                text-align: center;
            }

            .yanse {
                color: chocolate;
            }

            ul {
                li {
                    color: #fff;
                    font-size: (15/@vw);
                }
            }

            .hanggao {
                line-height: 1;
                color: #fff;
                font-size: (33/@vw);
            }

            .tupian {

                // height: (296/@vw);
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: (15/@vw);
                }
            }
        }

        .rightbox {
            padding: (20/@vw) (20/@vw);
            width: (384/@vw);
            min-height: (200/@vw);

            // background-color: chocolate;
            h2 {
                color: #fff;
                font-size: (23/@vw);
            }

            .henggang {
                height: 3px;
                background-color: #fff;
                // width: ;
            }

            li {
                display: flex;
                height: (100/@vw);
                border-bottom: 1px solid #fff;
            }

            .right {
                margin: (23/@vw) 0 (23/@vw) 0;

                p {
                    color: chocolate;
                    font-size: (15/@vw);
                    line-height: 1;
                }

                span {
                    display: block;
                    margin-top: (15/@vw);
                    color: gray;
                }
            }

            .left {
                margin: (23/@vw) 0 (23/@vw) 0;
                width: (100/@vw);
                height: (50/@vw);

                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}